<template>
  <div class="ep-user-general">
    <el-col :span="Number(colspan)">
      <div class="ep-message-content">
        <div class="ep-left">
          <div class="ep-card-title" v-if="dataType == 'person'">
            <div>{{personMessage.aac003 || '人员姓名'}}</div>
            <div>
              <el-button size="mini" type="primary">查看详情</el-button>
              <el-button size="mini">编辑</el-button>
            </div>
          </div>
          <div class="ep-card-title" v-if="dataType == 'company'">
            <div>{{companyMessage.aab069 || '单位名称'}}</div>
            <div>
              <el-button
                size="mini"
                v-if="dataType != 'company' || idCount != '1'"
                type="primary"
              >查看详情</el-button>
              <el-button size="mini" v-if="isEdit">编辑</el-button>
            </div>
          </div>
          <!-- 单位标签1（数源）idCount = 1-->
          <div v-if="dataType == 'company' && idCount == '1'">
            <!-- <el-carousel indicator-position="outside" trigger="click" arrow="never" :height="maHeight"
                                        :autoplay="false">
            <el-carousel-item>-->
            <el-row :gutter="20" class="el-list">
              <el-col :span="12" class="el-list-item">
                <span>统一社会信用代码:</span>
                <span>{{companyMessage.bab010}}</span>
              </el-col>
              <el-col :span="12" class="el-list-item">
                <span>税号:</span>
                <span>{{companyMessage.aab030}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="12" class="el-list-item">
                <span>单位类型:</span>
                <span>{{companyMessage.aab019}}</span>
              </el-col>
              <el-col :span="12" class="el-list-item">
                <span>经济类型:</span>
                <span>{{companyMessage.aab020}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="12" class="el-list-item">
                <span>所属行业:</span>
                <span>{{companyMessage.aab022}}</span>
              </el-col>
              <el-col :span="12" class="el-list-item">
                <span>执照（证）种类:</span>
                <span>{{companyMessage.aab006}}</span>
              </el-col>
            </el-row>

            <el-row :gutter="20" class="el-list">
              <el-col :span="12" class="el-list-item">
                <span>执照（证）号码:</span>
                <span>{{companyMessage.aab007}}</span>
              </el-col>
              <el-col :span="12" class="el-list-item">
                <span>成立日期:</span>
                <span>{{companyMessage.aae047}}</span>
              </el-col>
            </el-row>

            <!-- </el-carousel-item>
            <el-carousel-item>-->
            <div v-if="isMore">
              <el-row :gutter="20" class="el-list">
                <el-col :span="12" class="el-list-item">
                  <span>发照（证）日期:</span>
                  <span>{{companyMessage.aab008}}</span>
                </el-col>
                <el-col :span="12" class="el-list-item">
                  <span>执照（证）有效期:</span>
                  <span>{{companyMessage.aab009}}</span>
                </el-col>
              </el-row>

              <el-row :gutter="20" class="el-list">
                <el-col :span="12" class="el-list-item">
                  <span>法人姓名:</span>
                  <span>{{companyMessage.aab013}}</span>
                </el-col>
                <el-col :span="12" class="el-list-item">
                  <span>法人证件类型:</span>
                  <span>{{companyMessage.aac058}}</span>
                </el-col>
              </el-row>

              <el-row :gutter="20" class="el-list">
                <el-col :span="12" class="el-list-item">
                  <span>法人证件号码:</span>
                  <span>{{companyMessage.aac147}}</span>
                </el-col>
                <el-col :span="12" class="el-list-item">
                  <span>联系人:</span>
                  <span>{{companyMessage.aae004}}</span>
                </el-col>
              </el-row>

              <el-row :gutter="20" class="el-list">
                <el-col :span="12" class="el-list-item">
                  <span>联系电话:</span>
                  <span>{{companyMessage.aae005}}</span>
                </el-col>
                <el-col :span="12" class="el-list-item">
                  <span>公司地址:</span>
                  <span>{{companyMessage.aae006}}</span>
                </el-col>
              </el-row>

              <el-row :gutter="20" class="el-list">
                <el-col :span="12" class="el-list-item" v-if="false">
                  <span>单位编号:</span>
                  <span>{{companyMessage.aab001}}</span>
                </el-col>
              </el-row>
            </div>

            <el-row :gutter="20" class="el-list">
              <el-col :span="24" class="searchMore">
                <i
                  class="el-icon-arrow-down"
                  :class="isMore ? 'is-active' : ''"
                  @click="searchMore"
                ></i>
              </el-col>
            </el-row>
            <!-- </el-carousel-item>
            </el-carousel>-->
          </div>

          <!-- 单位标签2（本系统） idCount = 2-->
          <div v-if="dataType == 'company' && idCount == '2'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>统一社会信用代码:</span>
                    <span>{{companyMessage.bab010}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>税号:</span>
                    <span>{{companyMessage.aab030}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>行政区划:</span>
                    <span>{{companyMessage.aab301}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>单位类型:</span>
                    <span>{{companyMessage.aab019}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>经济类型:</span>
                    <span>{{companyMessage.aab020}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>隶属关系:</span>
                    <span>{{companyMessage.aab021}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>所属行业:</span>
                    <span>{{companyMessage.aab022}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>行业风险类别:</span>
                    <span>{{companyMessage.aaa149}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>法人姓名:</span>
                    <span>{{companyMessage.aab013}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>主管部门:</span>
                    <span>{{companyMessage.aab023}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>联系人:</span>
                    <span>{{companyMessage.aae004}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>联系电话:</span>
                    <span>{{companyMessage.aae005}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>公司地址:</span>
                    <span>{{companyMessage.aae006}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>单位编号:</span>
                    <span>{{companyMessage.aab001}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>

          <!-- 人员标签1（数源） idCount = 1-->
          <div v-if="dataType == 'person' && idCount == '1'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>证件号码:</span>
                    <span>{{personMessage.aac147}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>参加工作日期:</span>
                    <span>{{personMessage.aac007}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>年龄:</span>
                    <span>{{personMessage.age}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>单位名称:</span>
                    <span>
                      <a>{{personMessage.aab069}}</a>
                    </span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>单位编号:</span>-->
                    <span>{{personMessage.aab001}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>人员编码:</span>-->
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>
          <!-- 人员标签2（本系统） idCount - 2-->
          <div v-if="dataType == 'person' && idCount == '2'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>社会保障号:</span>
                    <span>{{personMessage.aac002}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>参加工作日期:</span>
                    <span>{{personMessage.aac007}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>首次参保年月:</span>
                    <span>{{personMessage.aac049}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>年龄:</span>
                    <span>{{personMessage.age}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>单位名称:</span>
                    <span>
                      <a>{{personMessage.aab069}}</a>
                    </span>
                  </el-col>

                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>单位编号:</span>
                    <span>{{personMessage.aab001}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>人员编码:</span>
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>

          <!-- 退休人员标签（本系统） idCount = 3-->
          <div v-if="dataType == 'person' && idCount == '3'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>社会保障号:</span>
                    <span>{{personMessage.aac002}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>年龄:</span>
                    <span>{{personMessage.age}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>离退休类别:</span>
                    <span>{{personMessage.aic161}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>退休时间:</span>
                    <span>{{personMessage.aic162}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>待遇享受开始年月:</span>
                    <span>{{personMessage.aic160}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>单位名称:</span>
                    <span>
                      <a>{{personMessage.aab069}}</a>
                    </span>
                  </el-col>

                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>单位编号:</span>
                    <span>{{personMessage.aab001}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>人员编码:</span>
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>单位类型:</span>
                    <span>{{personMessage.aab019}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>

          <!-- 待遇退休核准    idCount = 6 -->
          <div v-if="dataType == 'person' && idCount == '6'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>社会保障号:</span>
                    <span>{{personMessage.aac002}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>年龄:</span>
                    <span>{{personMessage.age}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>离退休类别:</span>
                    <span>{{personMessage.aic161}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>退休时间:</span>
                    <span>{{personMessage.aic162}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>待遇享受开始年月:</span>
                    <span>{{personMessage.aic160}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>单位名称:</span>
                    <span>
                      <a>{{personMessage.aab069}}</a>
                    </span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>单位编号:</span>
                    <span>{{personMessage.aab001}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>人员编码:</span>-->
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>户口性质:</span>
                    <span>{{personMessage.aac009}}></span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>民族:</span>
                    <span>{{personMessage.aac005}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>个人身份:</span>
                    <span>{{personMessage.aac012}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>用工形式:</span>
                    <span>{{personMessage.aac013}}></span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>参加工作日期:</span>
                    <span>{{personMessage.aac007}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>专业技术职务:</span>
                    <span>{{personMessage.aac014}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>军转人员标志:</span>
                    <span>
                      <a href>{{personMessage.aac064}}</a>
                    </span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>劳模标志:</span>
                    <span>{{personMessage.bic102}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>高级专家标志:</span>
                    <span>
                      <a href>{{personMessage.bic103}}</a>
                    </span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>特殊工种类别:</span>
                    <span>{{personMessage.aac019}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>特殊工种年限:</span>
                    <span>{{personMessage.bae201}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>工商业者标识:</span>
                    <span>{{personMessage.aac085}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>退役军人类别:</span>
                    <span>
                      <a href>{{personMessage.aac064}}</a>
                    </span>
                  </el-col>

                  <el-col :span="8" class="el-list-item">
                    <span>53年前参加工作:</span>
                    <span>{{personMessage.aac013}}</span>
                  </el-col>

                  <el-col :span="8" class="el-list-item">
                    <span>户口地所在省:</span>
                    <span>{{personMessage.bac030}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>户口地所在市:</span>
                    <span>
                      <a href>{{personMessage.bac031}}</a>
                    </span>
                  </el-col>

                  <el-col :span="8" class="el-list-item">
                    <span>户口地所在区县:</span>
                    <span>{{personMessage.bac032}}</span>
                  </el-col>

                  <el-col :span="8" class="el-list-item">
                    <span>户口所在地址:</span>
                    <span>{{personMessage.aac010}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>

          <!-- 死亡人员标签（本系统） idCount = 7-->
          <div v-if="dataType == 'person' && idCount == '7'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>社会保障号:</span>
                    <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>年龄:</span>
                    <span>{{personMessage.age}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>民族:</span>
                    <span>{{personMessage.aac005}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>离退休类别:</span>
                    <span>{{personMessage.aic161}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>死亡时间:</span>
                    <span>{{personMessage.bic141}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>单位名称:</span>
                    <span :title="personMessage.aab069">
                      <a>{{personMessage.aab069}}</a>
                    </span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>单位编号:</span>
                    <span>{{personMessage.aab001}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>人员编码:</span>
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>

          <!-- 工伤人员标签（本系统） idCount = 4-->
          <div v-if="dataType == 'person' && idCount == '4'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>社会保障号:</span>
                    <span>{{personMessage.aac002}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>年龄:</span>
                    <span>{{personMessage.age}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>工伤发生时间:</span>
                    <span>{{personMessage.alc020}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>工伤类别:</span>
                    <span>{{personMessage.alc027}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>单位类型:</span>
                    <span>{{personMessage.aab019}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>单位名称:</span>
                    <span>
                      <a>{{personMessage.aab069}}</a>
                    </span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>单位编号:</span>
                    <span>{{personMessage.aab001}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>人员编码:</span>
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>工伤认定ID:</span>
                    <span>{{personMessage.aaz127}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>

          <!-- 工伤鉴定标签（人员） idCount = 5-->
          <div v-if="dataType == 'person' && idCount == '5'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>证件类型:</span>
                    <span>{{personMessage.aac058}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>证件号码:</span>
                    <span>{{personMessage.aac147}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>邮寄地址:</span>
                    <span>{{personMessage.aae006}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>邮编:</span>
                    <span>{{personMessage.aae007}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>手机号码:</span>
                    <span>{{personMessage.aac067}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>参加工作日期:</span>
                    <span>{{personMessage.aac007}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>民族:</span>
                    <span>{{personMessage.aac005}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>退离休状态:</span>
                    <span>
                      <a href>{{personMessage.aac084}}</a>
                    </span>
                  </el-col>
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>工伤认定ID:</span>
                    <span>{{personMessage.aaz127}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>参保状态:</span>
                    <span>
                      <a href>{{personMessage.aac008}}</a>
                    </span>
                  </el-col>

                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>人员编码:</span>
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>

          <!-- 精简人员标签 idCount = 8-->
          <div v-if="dataType == 'person' && idCount == '8'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>统一社会信用代码:</span>
                    <span>{{personMessage.bab010}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>姓名:</span>
                    <span>{{personMessage.aac003}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>民族:</span>
                    <span>{{personMessage.aac005}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>精简人员类别:</span>
                    <span>{{personMessage.bic143}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>开始年月:</span>
                    <span>{{personMessage.aic160}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>单位名称:</span>
                    <span>{{personMessage.aab069}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>单位编号:</span>
                    <span>{{personMessage.aab001}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <!-- <el-carousel-item>
                                    <el-row :gutter="20" class="el-list">
                                        <el-col :span="8" class="el-list-item" v-if="false">
                                            <span>人员编号:</span>
                                            <span>{{personMessage.aac001}}</span>
                                        </el-col>

                                        
                                    </el-row>

                                    
              </el-carousel-item>-->
            </el-carousel>
          </div>

          <!-- 供养遗孀 idCount = 9-->
          <div v-if="dataType == 'person' && idCount == '9'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>社会保障号:</span>
                    <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>民族:</span>
                    <span>{{personMessage.aac005}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>供养人员类别:</span>
                    <span>{{personMessage.eac094}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>供养关系:</span>
                    <span>{{personMessage.aae144}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>开始年月:</span>
                    <span>{{personMessage.aic160}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>完全丧失劳动能力标志:</span>
                    <span>
                      <a href>{{personMessage.bic109}}</a>
                    </span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>满18岁年月:</span>
                    <span>
                      <a href>{{personMessage.bic140}}</a>
                    </span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>孤寡标志:</span>
                    <span>{{personMessage.aac086}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>人员编号:</span>
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>

          <!-- 工伤认定和劳动能力鉴定标签（人员） idCount = 10-->
          <div v-if="dataType == 'person' && idCount == '10'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>工伤类别:</span>
                    <span>{{personMessage.alc027}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>民族:</span>
                    <span>{{personMessage.aac005}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>证件类型:</span>
                    <span>{{personMessage.aac058}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>证件号码:</span>
                    <span>{{personMessage.aac147}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>邮寄地址:</span>
                    <span>{{personMessage.aae006}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>邮编:</span>
                    <span>{{personMessage.aae007}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>手机号码:</span>
                    <span>{{personMessage.aac067}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>参加工作日期:</span>
                    <span>{{personMessage.aac007}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>离退休状态:</span>
                    <span>{{personMessage.aac084}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>参保状态:</span>
                    <span>{{personMessage.aac008}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>统筹区:</span>
                    <span>{{personMessage.aaa027}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>联系地址:</span>
                    <span>{{personMessage.aae006}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>联系电话:</span>
                    <span>{{personMessage.aae005}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>工伤认定书编号:</span>
                    <span>{{personMessage.alc011}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>过程文书编号:</span>
                    <span>{{personMessage.blc502}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>工伤发生时间:</span>
                    <span>{{personMessage.alc020}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>因工死亡时间:</span>
                    <span>{{personMessage.alc040}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <!-- <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  
                  <el-col :span="12" class="el-list-item" v-if="false">
                    <span>人员编码:</span>
                    <span>{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>-->
            </el-carousel>
          </div>
          <!-- 工伤供养亲属标签（人员） idCount = 11-->
          <div v-if="dataType == 'person' && idCount == '11'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>姓名:</span>
                    <span>{{personMessage.aac003}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>民族:</span>
                    <span>{{personMessage.aac005}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>户口性质:</span>
                    <span>{{personMessage.aac009}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>孤寡标志:</span>
                    <span>{{personMessage.aac086}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>供养关系:</span>
                    <span>{{personMessage.aae144}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>开始年月:</span>
                    <span>{{personMessage.aic160}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>终止年月:</span>
                    <span>{{personMessage.aic301}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>联系人姓名:</span>
                    <span>{{personMessage.aae004}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>联系人手机:</span>
                    <span>{{personMessage.aae005}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>邮政编码:</span>
                    <span>{{personMessage.aae007}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>
          <!-- 工伤工亡人员标签（人员） idCount = 12-->
          <div v-if="dataType == 'person' && idCount == '12'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>社会保障号码:</span>
                    <span>{{personMessage.aac002}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>姓名:</span>
                    <span>{{personMessage.aac003}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>性别:</span>
                    <span>{{personMessage.aac004}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>民族:</span>
                    <span>{{personMessage.aac005}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>出生日期:</span>
                    <span>{{personMessage.aac006}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>行政区划:</span>
                    <span>{{personMessage.aab301}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>工伤认定书编号:</span>
                    <span>{{personMessage.alc011}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>统一社会信用代码:</span>
                    <span>{{personMessage.bab010}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>单位名称:</span>
                    <span>{{personMessage.aab069}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>工伤发生时间:</span>
                    <span>{{personMessage.alc020}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>工伤认定日期:</span>
                    <span>{{personMessage.alc031}}</span>
                  </el-col>

                  <el-col :span="12" class="el-list-item">
                    <span>工伤认定结论:</span>
                    <span>{{personMessage.ala015}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>因工死亡时间:</span>
                    <span>{{personMessage.alc040}}</span>
                  </el-col>
                  <el-col :span="12" class="el-list-item">
                    <span>老工伤标识:</span>
                    <span>{{personMessage.bae476}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="12" class="el-list-item">
                    <span>本人工资:</span>
                    <span :title="personMessage.aac040">{{personMessage.aac040}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>
          <!-- 机关事业单位标签（本系统） idCount = 13-->
          <div v-if="dataType == 'company' && idCount == '13'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>单位名称:</span>
                    <span :title="companyMessage.aab069">{{companyMessage.aab069}}</span>
                  </el-col>
                  <el-col :span="8" class="el-list-item">
                    <span>统一社会信用代码:</span>
                    <span :title="companyMessage.bab010">{{companyMessage.bab010}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>税号:</span>
                    <span :title="companyMessage.aab030">{{companyMessage.aab030}}</span>
                  </el-col>
                  <el-col :span="8" class="el-list-item">
                    <span>所属地区:</span>
                    <span :title="companyMessage.aab301">{{companyMessage.aab301}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>单位类型:</span>
                    <span :title="companyMessage.aab019">{{companyMessage.aab019}}</span>
                  </el-col>
                  <el-col :span="8" class="el-list-item">
                    <span>经济类型:</span>
                    <span :title="companyMessage.aab020">{{companyMessage.aab020}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>隶属关系:</span>
                    <span :title="companyMessage.aab021">{{companyMessage.aab021}}</span>
                  </el-col>

                  <el-col :span="8" class="el-list-item">
                    <span>所属行业:</span>
                    <span :title="companyMessage.aab022">{{companyMessage.aab022}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>行业风险类别:</span>
                    <span :title="companyMessage.aaa149">{{companyMessage.aaa149}}</span>
                  </el-col>
                  <el-col :span="8" class="el-list-item">
                    <span>法人姓名:</span>
                    <span :title="companyMessage.aab013">{{companyMessage.aab013}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>主管部门:</span>
                    <span :title="companyMessage.aab023">{{companyMessage.aab023}}</span>
                  </el-col>

                  <el-col :span="8" class="el-list-item">
                    <span>联系人:</span>
                    <span :title="companyMessage.aae004">{{companyMessage.aae004}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>联系电话:</span>
                    <span :title="companyMessage.aae005">{{companyMessage.aae005}}</span>
                  </el-col>
                  <el-col :span="8" class="el-list-item">
                    <span>公司地址:</span>
                    <span :title="companyMessage.aae006">{{companyMessage.aae006}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item" v-show="false">
                    <span>单位编号:</span>
                    <span :title="companyMessage.aab001">{{companyMessage.aab001}}</span>
                  </el-col>

                  <el-col :span="8" class="el-list-item" v-show="false">
                    <span>单位管理码:</span>
                    <span :title="companyMessage.aab999">{{companyMessage.aab999}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>
            </el-carousel>
          </div>
          <!-- 机关事业人员标签（本系统） idCount = 14-->
          <div v-if="dataType == 'person' && idCount == '14'">
            <el-carousel
              indicator-position="outside"
              trigger="click"
              arrow="never"
              :height="maHeight"
              :autoplay="false"
            >
              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>姓名:</span>
                    <span :title="personMessage.aac003">{{personMessage.aac003}}</span>
                  </el-col>
                  <el-col :span="8" class="el-list-item">
                    <span>社会保障号:</span>
                    <span :title="personMessage.aac002">{{personMessage.aac002}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>性别:</span>
                    <span :title="personMessage.aac004">{{personMessage.aac004}}</span>
                  </el-col>
                  <el-col :span="8" class="el-list-item">
                    <span>出生日期:</span>
                    <span :title="personMessage.aab301">{{personMessage.aac006}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>参加工作日期:</span>
                    <span :title="personMessage.aac007">{{personMessage.aac007}}</span>
                  </el-col>
                  <el-col :span="8" class="el-list-item">
                    <span>户口性质:</span>
                    <span :title="personMessage.aac009">{{personMessage.aac009}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>年龄:</span>
                    <span :title="personMessage.age">{{personMessage.age}}</span>
                  </el-col>

                  <el-col :span="8" class="el-list-item">
                    <span>编制类型:</span>
                    <span :title="personMessage.aaf022">{{personMessage.aaf022}}</span>
                  </el-col>
                </el-row>

                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>报备人员名额:</span>
                    <span :title="personMessage.bac104">{{personMessage.bac104}}</span>
                  </el-col>
                  <el-col :span="8" class="el-list-item">
                    <span>单位名称:</span>
                    <span :title="personMessage.aab069">
                      <a>{{personMessage.aab069}}</a>
                    </span>
                  </el-col>
                </el-row>
              </el-carousel-item>

              <!-- <el-carousel-item>
                <el-row :gutter="20" class="el-list">
                  
                  <el-col :span="8" class="el-list-item">
                    <span>单位编号:</span>
                    <span :title="personMessage.aab001">{{personMessage.aab001}}</span>
                  </el-col>

                  <el-col :span="8" class="el-list-item">
                    <span>人员编号:</span>
                    <span :title="personMessage.aac001">{{personMessage.aac001}}</span>
                  </el-col>
                </el-row>
                <el-row :gutter="20" class="el-list">
                  <el-col :span="8" class="el-list-item">
                    <span>单位管理码:</span>
                    <span :title="personMessage.aab999">{{personMessage.aab999}}</span>
                  </el-col>
                </el-row>
              </el-carousel-item>-->
            </el-carousel>
          </div>
        </div>
        <slot :row="row"></slot>
      </div>
    </el-col>
  </div>
</template>
<script type="es6">
export default {
  props: {
    colspan: {
      type: String,
      default: "12"
    },
    isEdit: {
      type: String,
      default: ""
    },
    dataType: {
      type: String,
      default: "person"
    },
    idCount: {
      type: String,
      default: "1"
    },
    diff: {
      type: String,
      default: "1"
    },
    functionId: {
      type: String,
      default: "person"
    },
    functionId1: {
      type: String,
      default: "company"
    },
    panel: {
      type: Object,
      default: function() {
        return null;
      }
    },
    panel1: {
      type: Object,
      default: function() {
        return null;
      }
    },
    isCodeType: {
      type: Boolean,
      default: true
    }
  },
  data() {
    return {
      dialogVisible: false,
      personMessage: {},
      companyMessage: {},
      row: [],
      id: "",
      isMore: false,
      maHeight: "100px"
    };
  },
  computed: {
    personid() {
      console.log("this.$store.getters.personid", this.$store.getters.personid);
      return this.$store.getters.personid;
    },
    companyid() {
      console.log(
        "this.$store.getters.companyid",
        this.$store.getters.companyid
      );
      return this.$store.getters.companyid;
    },
    backFun() {
      return this.$store.getters.backFun;
    },
    codeTypes() {
      return this.$store.getters.codeTypes;
    }
  },
  watch: {
    personid: {
      handler(value) {
        this.getUserInformation(value);
      },
      deep: true
    },
    companyid: {
      handler(value) {
        this.getUserInformation(value);
      },
      deep: true
    },
    backFun: {
      handler(value) {
        if (value === null) return;
        let backFun = [];
        backFun = value.split(",");
        if (backFun.indexOf("rDoInit") >= 0) {
          this.personMessage = {};
          this.companyMessage = {};
        }
      }
    },
    panel: {
      handler(value) {
        console.log(value);
        if (this.dataType == "company") {
          this.companyMessage = value.cpInfo || {};
          this.row = value.cpInsure || [];
        } else if (this.dataType == "person") {
          this.personMessage = value.psInfo || {};
          this.row = value.psInsure || [];
        }
      }
    },
    panel1: {
      handler(value) {
        console.log(value);
        if (this.dataType == "company") {
          this.companyMessage = value.cpInfo || {};
          this.row = value.cpInsure || [];
        } else if (this.dataType == "person") {
          this.personMessage = value.psInfo || {};
          this.row = value.psInsure || [];
        }
      }
    }
  },
  created() {},
  methods: {
    searchMore() {
      this.isMore = !this.isMore;
    },
    /**
     * 根据id获取用户信息
     */
    getUserInformation(value) {
      // console.log(value)
      let params = {
        panel: {
          psInfo: {},
          psInsure: [],
          cpInfo: {},
          cpInsure: [],
          functionid: this.functionId
        },
        panel1: {
          psInfo: {},
          psInsure: [],
          cpInfo: {},
          cpInsure: [],
          functionid: this.functionId1
        },
        commonSearch_info: {
          personInfo: value.aac001,
          companyInfo: value.aab001
        },
        ...value.data,
        path: this.$route.path
      };
      if (this.idCount == "4") {
        params.commonSearch_info.injuryInfo = value.aaz127;
      }
      if (this.isCodeType) {
        params.codeTypes = this.codeTypes;
      }
      // if(this.dataType == 'company'){
      //     params.commonSearch_info.companyInfo = value;
      // }else if(this.dataType == 'person'){
      //     params.commonSearch_info.personInfo = value;
      // }
      this.$api
        .commonPost(this.$route.path + "/doCheck/commonSearch_info/", params)
        .then(res => {
          if (res.status === "0") {
            this.$store.dispatch("SET_COMMON", res.data);
            if (res.data.codeTypes) {
              this.$store.dispatch("SET_CODETYPE", res.data);
            }
            if (this.dataType == "company" && this.diff == "1") {
              this.companyMessage = res.data.panel.cpInfo || {};
              this.row = res.data.panel.cpInsure || [];
            } else if (this.dataType == "person" && this.diff == "1") {
              this.personMessage = res.data.panel.psInfo || {};
              this.row = res.data.panel.psInsure || [];
            }
            if (this.dataType == "company" && this.diff == "2") {
              this.companyMessage = res.data.panel1.cpInfo || {};
              this.row = res.data.panel1.cpInsure || [];
            } else if (this.dataType == "person" && this.diff == "2") {
              this.personMessage = res.data.panel1.psInfo || {};
              this.row = res.data.panel1.psInsure || [];
            }
          } else if (res.successMessage && res.successMessage.length > 0) {
            res.successMessage.map(item => {
              this.$message({
                type: "success",
                message: item,
                duration: 0,
                showClose: true
              });
            });
          } else if (res.errorMessage && res.errorMessage.length > 0) {
            res.errorMessage.map(item => {
              this.$message({
                type: "error",
                message: item,
                duration: 0,
                showClose: true
              });
            });
          } else if (res.warnMessage && res.warnMessage.length > 0) {
            res.warnMessage.map(item => {
              this.$message({
                type: "warning",
                message: item,
                duration: 0,
                showClose: true
              });
            });
          }
        });
    }
  }
};
</script>
<style lang="less" scoped>
.ep-user-general {
  width: 100%;
  .ep-message-content {
    display: flex;
    overflow: inherit;
    border-radius: 6px;
    // border: 1px solid red;

    .ep-left {
      flex: 1;
    }
    .ep-left {
      background: #fff;
      padding: 20px;
      border-radius: 6px;
    }
    .ep-card-title {
      font-size: 18px;
      color: #1a81ce;
      font-weight: bold;
      margin-bottom: 20px;
      display: flex;
      justify-content: space-between;
    }
    .el-list {
      .el-list-item {
        display: flex;
        margin-bottom: 15px;
        span {
          max-width: 500px;
          margin-right: 5px;
          color: #606266;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          a {
            color: #008af0;
          }
        }
        div {
          flex: 1;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
      .searchMore {
        text-align: center;
        i {
          font-size: 16px;
          cursor: pointer;
          // transition: transform .3s,-webkit-transform .3s;
          &:hover {
            color: #1a81ce;
          }
        }
        .is-active {
          transform: rotate(180deg);
        }
      }
    }
  }
}
</style>
